<template>
	<div class="navContain">
		<div class="navLeft"><slot name="navLeft"></slot> </div>
		<div class="navCenter"><slot name="navCenter"></slot> </div>
		<div class="navRight"><slot name="navRight"></slot> </div>
	</div>
</template>

<script>
export default {
	name:"NavBar"
}
</script>

<style>
	.navContain{
		display: flex;
		height: 44px;
		line-height: 44px;

	}
	.navContain .navLeft,.navContain .navRight {
		width: 66px;
	}
	.navContain .navCenter{
		flex: 1;
		text-align: center;
	}
</style>
